<?php
/*
Template Name: Filter Menu
*/
?>

<?php get_header(); ?>

<!-- Filter JS  -->
<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri() ?>/js/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri() ?>/js/filterthis.js"></script>

<div id="page">

	<div id="filter">

		<div class="filter-category">
		
			<ul class="filter">
		
				<li class="fullwidth"><a href="#category" title="Category"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/theme-category.png" alt="Category" height="16"> Category <img src="<?php echo get_stylesheet_directory_uri() ?>/images/arrow.png" alt="Arrow" /></a>
			
					<div class="dropdown">
							
						<div class="col_1">
							  
							<ul class="greybox">
		
								<li><a href="#apps">Apps</a></li>
						
								<li><a href="#art">Art</a></li>
						
								<li><a href="#blogging">Blogging</a></li>
								
								<li><a href="#books">Books</a></li>
						
								<li><a href="#bussines">Bussines</a></li>
						
								<li><a href="#child-theme">Child Theme</a></li>
						
								<li><a href="#cms">CMS</a></li>
						
								<li><a href="#cuisine">Cuisine</a></li>
								
							</ul>
							
						</div>
						
						<div class="col_1">
				
							<ul class="greybox">
							
								<li><a href="#e-commerce">e-Commerce</a></li>
			
								<li><a href="#entertainment">Entertainment</a></li>
			
								<li><a href="#framework">Framework</a></li>
						
								<li><a href="#free">FREE</a></li>
						
								<li><a href="#hotel">Hotel</a></li>
						
								<li><a href="#magazine">Magazine</a></li>
								
								<li><a href="#marketing">Marketing</a></li>
								
								<li><a href="#minimalist">Minimalist</a></li>
								
							</ul>
							
						</div>
						
						<div class="col_1">
				
							<ul class="greybox">
							
								<li><a href="#mobile">Mobile</a></li>
						
								<li><a href="#photography">Photography</a></li>
						
								<li><a href="#portofolio">Portofolio</a></li>
						
								<li><a href="#real-estate">Real-Estate</a></li>							
			
								<li><a href="#responsive">Responsive</a></li>
						
								<li><a href="#social-media">Social-Media</a></li>
								
								<li><a href="#tutorial">Tutorial</a></li>
						
								<li><a href="#video">Video</a></li>						
								
																				
							</ul>
							
						</div>

						<div class="col_1">
				
							<ul class="greybox">
							
								<li><a href="#web-fonts">Web Fonts</a></li>								
																				
							</ul>
							
						</div>						
	
					</div>					
		
				</li>
			
			</ul>
			
		</div>

		<div class="filter-category">
		
			<ul class="filter">
			
				<li class="fullwidth"><a href="#publisher" title="Publisher"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/theme-publisher.png" alt="Publisher" height="16"> Publisher <img src="<?php echo get_stylesheet_directory_uri() ?>/images/arrow.png" alt="Arrow" /></a>
					
					<div class="dropdown">
							
						<div class="col_1">
							  
							<ul class="greybox">

								<li><a href="#8bit"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/8BIT.png">8BIT</a></li>
								
								<li><a href="#appifywp"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/AppifyWP.png">AppifyWP</a></li>
						
								<li><a href="#appthemes"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/AppThemes.png">AppThemes</a></li>
						
								<li><a href="#beatheme"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Beatheme.png">Beatheme</a></li>
								
								<li><a href="#bizzthemes"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/BizzThemes.png">BizzThemes</a></li>
								
								<li><a href="#catalyst"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Catalyst.png">Catalyst</a></li>
								
								<li><a href="#colorlabs"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/ColorLabs.png">ColorLabs</a></li>
								
								<li><a href="#devpress"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/DevPress.png">DevPress</a></li>
								
							</ul>
							
						</div>
						
						<div class="col_1">
				
							<ul class="greybox">
						
								<li><a href="#diy-themes"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/DIY-Themes.png">DIY Themes</a></li>
						
								<li><a href="#elegant-themes"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Elegant-Themes.png">Elegant Themes</a></li>
						
								<li><a href="#headway-themes"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Headway-Themes.png">Headway Themes</a></li>

								<li><a href="#impower-themes"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/imPower-Themes.png">imPower Themes</a></li>								

								<li><a href="#impress-themes"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Impress-Themes.png">Impress Themes</a></li>
				
								<li><a href="#kreativ-theme"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Kreativ-Theme.png">Kreativ Theme</a></li>
								
								<li><a href="#max-foundry"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Max-Foundry.png">Max Foundry</a></li>
								
								<li><a href="#mojo-themes"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/MOJO-Themes.png">MOJO Themes</a></li>
						
							</ul>
							
						</div>
						
						<div class="col_1">
				
							<ul class="greybox">
							
								<li><a href="#obox-themes"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Obox-Themes.png">Obox Themes</a></li>
						
								<li><a href="#organic-themes"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Organic-Themes.png">Organic Themes</a></li>
						
								<li><a href="#pagelines"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/PageLines.png">PageLines</a></li>
								
								<li><a href="#pro-theme-design"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Pro-Theme-Design.png">Pro Theme Design</a></li>
								
								<li><a href="#simple-themes"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Simple-Themes.png">Simple Themes</a></li>
								
								<li><a href="#solostream"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Solostream.png">Solostream</a></li>
								
								<li><a href="#startbox"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/StartBox.png">StartBox</a></li>
								
								<li><a href="#studiopress"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/StudioPress.png">StudioPress</a></li>
							
							</ul>
						
						</div>
						
						<div class="col_1">
				
							<ul class="greybox">
							
								<li><a href="#themefuse"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/ThemeFuse.png">ThemeFuse</a></li>
							
								<li><a href="#theme-foundry"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/The-Theme-Foundry.png">Theme Foundry</a></li>
							
								<li><a href="#theme-trust"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Theme-Trust.png">Theme Trust</a></li>
								
								<li><a href="#themes-kingdom"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Themes-Kingdom.png">Themes Kingdom</a></li>
								
								<li><a href="#themify-me"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Themify-Me.png">Themify Me</a></li>
						
								<li><a href="#templatic"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Templatic.png">Templatic</a></li>
					
								<li><a href="#themeshift"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/ThemeShift.png">ThemeShift</a></li>
								
								<li><a href="#ufo-themes"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/UFO-Themes.png">UFO Themes</a></li>

							</ul>
							
						</div>

						<div class="col_1">

							<ul class="greybox">
							
								<li><a href="#up-themes"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/Up-Themes.png">Up Themes</a></li>
								
								<li><a href="#webtreats"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/MySiteMyWay.png">WebTreats</a></li>
						
								<li><a href="#woothemes"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/WooThemes.png">WooThemes</a></li>

								<li><a href="#wpzoom"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/WPZOOM.png">WPZOOM</a></li>
						
							</ul>
							
						</div>
						
					</div>
				
				</li>
			
			</ul>
			
		</div>
		
		<div class="filter-category">
		
			<ul class="filter">
			
				<li class="fullwidth"><a href="#colors" title="Colors"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/theme-color.png" alt="Colors" height="16"> Colors <img src="<?php echo get_stylesheet_directory_uri() ?>/images/arrow.png" alt="Arrow" /></a>
					
					<div class="dropdown">
							
						<div class="col_1">
							  
							<ul class="greybox">
							
								<li><a href="#black">Black</a></li>
							
								<li><a href="#blue">Blue</a></li>
								
								<li><a href="#brown">Brown</a></li>
								
								<li><a href="#cream">Cream</a></li>
							
								<li><a href="#dark">Dark</a></li>
								
								<li><a href="#green">Green</a></li>
								
								<li><a href="#gray">Gray</a></li>
								
								<li><a href="#infinity">Infinity</a></li>							
					
							</ul>
							
						</div>
						
						<div class="col_1">
							  
							<ul class="greybox">
							
								<li><a href="#light">Light</a></li>
								
								<li><a href="#orange">Orange</a></li>

								<li><a href="#pink">Pink</a></li>

								<li><a href="#purple">Purple</a></li>
							
								<li><a href="#red">Red</a></li>

								<li><a href="#silver">Silver</a></li>								

								<li><a href="#tan">Tan</a></li>

								<li><a href="#white">White</a></li>							
								
							</ul>
							
						</div>
						
						<div class="col_1">
							  
							<ul class="greybox">

								<li><a href="#yellow">Yellow</a></li>
							
							</ul>
							
						</div>
		
					</div>
				
				</li>
			
			</ul>
			
		</div>
		
		<div class="filter-category">
		
			<ul class="filter">
			
				<li class="fullwidth"><a href="#feature" title="Features"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/theme-feature.png" alt="Features" height="16"> Features <img src="<?php echo get_stylesheet_directory_uri() ?>/images/arrow.png" alt="Arrow" /></a>
					
					<div class="dropdown">
							
						<div class="col_1">
							  
							<ul class="greybox">
							
								<li><a href="#admin-options">Admin Options</a></li>
								
								<li><a href="#blavatar">Blavatar</a></li>
							
								<li><a href="#breadcrumb">Breadcrumb</a></li>
								
								<li><a href="#custom-background">Custom Background</a></li>

								<li><a href="#custom-header">Custom Header</a></li>

								<li><a href="#custom-menu">Custom Menu</a></li>
							
								<li><a href="#custom-template">Custom Templates</a></li>
								
								<li><a href="#shortcodes">Shortcodes</a></li>
								
							</ul>

						</div>
						
						<div class="col_1">
							  
							<ul class="greybox">
								
								<li><a href="#slider">Slider</a></li>
							
								<li><a href="#widget">Widget</a></li>
								
							</ul>
						
						</div>
		
					</div>
				
				</li>
			
			</ul>
			
		</div>		
	
		<div class="filter-count greybox">			
					
				<img src="<?php echo get_stylesheet_directory_uri() ?>/images/icons/theme-filter.png" alt="Filter Info" height="16"> Showing <span id="filter-items"></span> out of <span id="filter-max"></span> - <a href="#reset">Reset</a>			
							
		</div>
		
	</div>
	
	<ul id="portfolio">	
	
	<?php query_posts( 'cat=25&posts_per_page=300');

		if ( have_posts() ) : while ( have_posts() ) : the_post();?>

		<li class="reset <?php $terms = get_the_terms( $post->id, 'category'); if ($terms) foreach( $terms as $term ) { print $term->slug . ' '; unset($term); }; $tags = wp_get_post_tags($post->ID); if ($tags) foreach($tags as $tag) { print $tag->slug . ' '; unset($tag); }?>">
			
			<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>">				 
				
			<?php the_title(); ?>
				
			<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
			
			<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo $image[0]; ?>&amp;h=100&amp;w=160&amp;zc=1&amp;a=t" alt="<?php the_title(); ?> WordPress Theme" height="100" width="160" />
							
			</a>
				
			<div class="cart">
				
				<a href="<?php echo home_url(); ?>/go/<?php print $slug = basename(get_permalink()); ?>" target="_blank" title="Download <?php the_title(); ?> Theme">Download Theme</a>
			
			</div>
			
		</li>

		<?php endwhile; endif; ?>
	
	<?php wp_reset_query(); ?>
		
    </ul>
	
</div>

<?php get_footer(); ?>